holybible.view.BibleListView = holybible.view.ListView.extend({
	ITEM_TEMPLATE: "<li><a href='javascript:;' vcode='${vcode}' title='${name}'>${name}</a></li>",
	name: "bibleList",

	init: function() {
		this._super();
		this.model = holybible.model.Bible.getInstance();
	},
	draw: function() {
		console.log("BibleListView draw");
		this._super();
		var self = this;
		var list = this.model.getList();
		for(var i = 0 ; i < list.length ; i++) {
			var item = $(this.makeHtml(self.ITEM_TEMPLATE, list[i]));
			this.addList(item);
		}
	},
	setEvent: function() {
		this.list.click(function(e) {
			if (e.target.tagName == "A") {
				var el = $(e.target);
				var vcode = el.attr("vcode");
				showBookList({
					vcode: vcode
				});
				e.preventDefault();
			}
		});
	}
});
